<script>
  export default {
    data(){ 
      return {
          ok: true,
          nook: false,
          ifels: false,

          a: "A",
          b: "B",
          AllNo:"no A/B"
          
      }
    }
}
</script>

<template>
    <!-- v-if -->
<p v-if="ok">如果为真则显示</p>
<p v-if="nook">如果为假则不显示</p>

<p v-if="ifels">如果为真则“我喜欢”</p>
<p v-else>否则显示“我不喜欢”</p>


<!-- 
a: "A",
b: "B",
AllNo:"no A/B" 
a,b,AllNo替换测试
-->
<p v-if="AllNo === 'A'">这是A</p>
<p v-else-if="AllNo === 'B'">这是B</p>
<p v-else>这不是A也不是B</p>


<!-- v-show -->
<p v-show="ok">如果为真则显示</p>
<p v-show="nook">如果为假则不显示</p>
</template>
